<template>
  <div class="rightContent" data-v-20d05eb0>
    <div class="routeChild" data-v-20d05eb0>
      <div data-v-02397bb4 data-v-20d05eb0 class="cooperate">
        <div data-v-02397bb4 class="topTitle">
          <strong data-v-02397bb4>其他合作</strong>
        </div>
        <div data-v-02397bb4 class="cooperateBox">
          <h6 data-v-02397bb4 class="titlespan">很欣赏您的眼光，想要跟我们合作什么项目呢？</h6>
          <div data-v-02397bb4 class="btnBox">
            <div data-v-02397bb4 class="iconTextItem itemBox0 itemActive">
              <div data-v-02397bb4 class="icons1">
                <div data-v-02397bb4 class="icons2">
                  <div data-v-02397bb4 class="icons3">
                    <img data-v-02397bb4 src="/_nuxt/img/86d9efa.png" alt />
                  </div>
                </div>
              </div>
              <!---->
              <span data-v-02397bb4 class="spanATex">点击进入平台供货</span>
            </div>
            <div data-v-02397bb4 class="iconTextItem itemBox1">
              <div data-v-02397bb4 class="icons1">
                <div data-v-02397bb4 class="icons2">
                  <div data-v-02397bb4 class="icons3">
                    <img data-v-02397bb4 src="/_nuxt/img/82a9a65.png" alt />
                  </div>
                </div>
              </div>
              <span data-v-02397bb4 class="spanTex">自有商品申请入仓</span>
              <!---->
            </div>
            <div data-v-02397bb4 class="iconTextItem itemBox2">
              <div data-v-02397bb4 class="icons1">
                <div data-v-02397bb4 class="icons2">
                  <div data-v-02397bb4 class="icons3">
                    <img data-v-02397bb4 src="/_nuxt/img/1342545.png" alt />
                  </div>
                </div>
              </div>
              <span data-v-02397bb4 class="spanTex">想让平台采货</span>
              <!---->
            </div>
          </div>
        </div>
      </div>
    </div>
    <!---->
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
.itemBox0:hover{
    background: #90d3ff!important;
}
.itemBox0:hover .icons3{
    transform: scale(1.3)
}
.itemBox0:hover .spanATex{
    color: #fff;
}
.itemBox1:hover{
    background: #88cb5b!important;
}
.itemBox1:hover .icons3{
    transform: scale(1.3)
}
.itemBox1:hover .spanTex[data-v-02397bb4]{
    color: #fff!important;
}
.itemBox2:hover{
    background: #eab24e!important;
}
.itemBox2:hover .icons3{
    transform: scale(1.3)
}
.itemBox2:hover .spanTex[data-v-02397bb4]{
    color: #fff!important;
}
.userCenter .userCenterBox .rightContent[data-v-20d05eb0] {
    flex: 1;
    display: flex;
}
.userCenter .userCenterBox .rightContent .routeChild[data-v-20d05eb0] {
    flex: 1;
}
.cooperate[data-v-02397bb4] {
    background: #fff;
}
.cooperate .topTitle[data-v-02397bb4] {
    height: 50px;
    padding: 0 30px;
    display: flex;
    align-items: center;
}
.cooperate .cooperateBox[data-v-02397bb4] {
    background: linear-gradient(180deg,#ff5476,#ffbbc9 97%);
    height: 328px;
}
.cooperate .topTitle strong[data-v-02397bb4] {
    font-size: 17px;
    line-height: 1;
    color: #333;
    font-weight: 400;
    position: relative;
}
.cooperate .topTitle strong[data-v-02397bb4]:before {
    content: "";
    position: absolute;
    top: 0;
    left: -10px;
    height: 100%;
    width: 2px;
    background: #f64f6f;
}
.cooperate .cooperateBox .titlespan[data-v-02397bb4] {
    font-size: 20px;
    line-height: 1;
    color: #fcc;
    font-weight: 400;
    text-align: center;
    padding: 40px 0;
}
.cooperate .cooperateBox .btnBox[data-v-02397bb4] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}
.cooperate .cooperateBox .btnBox .iconTextItem[data-v-02397bb4] {
    width: 280px;
    height: 280px;
    background: #fff;
    margin: 0 20px;
    border-radius: 2px;
    box-shadow: -1px 2px 8px 0 hsla(0,0%,60%,.4);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    cursor: pointer;
    transition: all .2s;
}
.cooperate .cooperateBox .btnBox .iconTextItem .icons1[data-v-02397bb4] {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    border: 1px dashed #90d3ff;
    margin-bottom: 34px;
    transition: all .2s;
}
.cooperate .cooperateBox .btnBox .iconTextItem .icons1 .icons2 .icons3[data-v-02397bb4] {
    width: 85px;
    height: 85px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    background: #dfeef4;
    transition: all .2s;
}
.cooperate .cooperateBox .btnBox .iconTextItem .icons1 .icons2[data-v-02397bb4] {
    width: 105px;
    height: 105px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    border: 1px dashed #afe7ff;
    transition: all .2s;
}
.cooperate .cooperateBox .btnBox .iconTextItem .spanTex[data-v-02397bb4] {
    font-size: 20px;
    line-height: 1;
    color: #333;
    font-weight: 400;
}
.spanATex{
    font-size: 20px;
    line-height: 1;
    color: #333;
    font-weight: 400;
}
.cooperate .cooperateBox .btnBox .itemBox1 .icons1[data-v-02397bb4] {
    border-color: #94d468;
}
</style>